<div class="content">

  <!-- gis内容区域 -->
  <div class="map-content">

    <!-- 地图控件 -->
    <div id="mapui" class="map-ui"></div>

    <!-- 工具栏 -->
    <div class="map-tool">
      <ul class="iul">
        <li class="ili">
          <div class="ia">
            <i nz-icon type="global" theme="outline"></i>
            全图
          </div>
        </li>
        <li class="ili">
          <span class="line"></span>
          <div class="ia">
            <i nz-icon type="printer" theme="outline"></i>
            打印
          </div>
        </li>
        <li class="ili">
          <span class="line"></span>
          <div class="ia">
            <i nz-icon type="line-chart" theme="outline"></i>
            距离
          </div>
        </li>
        <li class="ili">
          <span class="line"></span>
          <div class="ia">
            <i nz-icon type="radar-chart" theme="outline"></i>
            面积
          </div>
        </li>
      </ul>
    </div>

    <!-- 综合查询 -->
    <div class="searchbox">
      <div class="searchbox-content">
        <input class="searchbox-content-input" type="text" autocomplete="off" maxlength="256"
          placeholder="搜地点、查公交、找路线" />
        <div class="searchbox-content-button right-button" (click)="showMoreTools()">
          <img class="route-button" />
        </div>
        <div class="searchbox-search-button">
          <img class="search-svg" />
        </div>
      </div>
    </div>

    <!-- 更多内容 -->
    <div id="map-sider-panel" class="map-sider" [hidden]="!moreTools">
      <!-- 菜单栏 -->
      <div class="menu">
        <div class="tools">
          <div class="item {{is.cr=='map_layer_gis'?'select':''}}">
            <i nz-icon type="ordered-list" class="icon"></i>
            <span class="text">图层</span>
          </div>
          <div class="item {{is.cr=='map_analysis_gis'?'select':''}}">
            <i nz-icon type="block" class="icon"></i>
            <span class="text">分析</span>
          </div>
          <div class="item {{is.cr=='map_plot_gis'?'select':''}}">
            <i nz-icon type="heat-map" class="icon"></i>
            <span class="text">标绘</span>
          </div>
          <div class="item {{is.cr=='map_edit_gis'?'select':''}}">
            <i nz-icon type="edit" class="icon"></i>
            <span class="text">编辑</span>
          </div>
          <div class="item {{is.cr=='map_dataspacecheck_gis'?'select':''}}">
            <i nz-icon type="warning" class="icon"></i>
            <span class="text">质检</span>
          </div>
          <div class="item {{is.cr=='map_adminlocation_gis'?'select':''}}">
            <i nz-icon type="environment" class="icon"></i>
            <span class="text">定位</span>
          </div>
        </div>
      </div>

      <div class="menu-content">
        <router-outlet></router-outlet>
      </div>
    </div>

    <!-- 样式切换 -->
    <div class="map-style">
      <div class="mapType">
        <div class="mapTypeCard normal active">
          <span>矢量地图</span>
        </div>
        <div class="mapTypeCard panorama">
          <span>影像地图</span>
        </div>
        <div class="mapTypeCard earth">
          <span>三维地图</span>
        </div>
      </div>
    </div>

  </div>
</div>